﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>可滚动的tbody</title>
<style type="text/css">

.fixed_header {
	/*border-collapse:collapse;*/
}

.fixed_header tbody{
  display:block;
  overflow:auto;
  height:200px;
  width:100%;
}
.fixed_header thead tr{
  display:block;
}
.fixed_header td{
  border: 1px solid #808080;
}

</style>

<script>


</script>
</head>
<body>
  <table class="fixed_header" border="1">
    <thead>
      <tr>
        <td width="50px">id</td>
        <td width="100px">name</td>
        <td width="150px">desc</td>
      </tr>
    </thead>
    <tbody>
        <tr>
          <td width="50px">1</td>
          <td width="100px">name</td>
          <td width="150px">desc</td>
        </tr>
        <tr>
          <td>1</td>
          <td>name</td>
          <td>desc</td>
        </tr>
        <tr>
          <td>1</td>
          <td>name</td>
          <td>desc</td>
        </tr>
        <tr>
          <td>1</td>
          <td>name</td>
          <td>desc</td>
        </tr>
        <tr>
          <td>1</td>
          <td>name</td>
          <td>desc</td>
        </tr>
        <tr>
          <td>1</td>
          <td>name</td>
          <td>desc</td>
        </tr>
        <tr>
          <td>1</td>
          <td>name</td>
          <td>desc</td>
        </tr>
        <tr>
          <td>1</td>
          <td>name</td>
          <td>desc</td>
        </tr>
        <tr>
          <td>1</td>
          <td>name</td>
          <td>desc</td>
        </tr>
        <tr>
          <td>1</td>
          <td>name</td>
          <td>desc</td>
        </tr>
        <tr>
          <td>1</td>
          <td>name</td>
          <td>desc</td>
        </tr>
        <tr>
          <td>1</td>
          <td>name</td>
          <td>desc</td>
        </tr>
        <tr>
          <td>1</td>
          <td>name</td>
          <td>desc</td>
        </tr>
        <tr>
          <td>1</td>
          <td>name</td>
          <td>desc</td>
        </tr>
        <tr>
          <td>1</td>
          <td>name</td>
          <td>desc</td>
        </tr>
        <tr>
          <td>1</td>
          <td>name</td>
          <td>desc</td>
        </tr>
        <tr>
          <td>1</td>
          <td>name</td>
          <td>desc</td>
        </tr>
        <tr>
          <td>1</td>
          <td>name</td>
          <td>desc</td>
        </tr>
        <tr>
          <td>1</td>
          <td>name</td>
          <td>desc</td>
        </tr>
    </tbody>
  </table>
</body>
</html>